var uName = document.getElementById("uName");

window.onload = function(){
	uName.focus();
};

$(function(){
	$("div#register form").validate({
		
		rules:{
			uName:{
				required:true,
				minlength:4,
				maxlength:20,
				nameReg:true
			},
			
			uPwd:{
				required:true,
				minlength:6,
				maxlength:20,
				pwdReg:true
			},
			
			uPwdConfirm:{
				required:true,
				equalTo:uPwd
			}
		},
		
		messages:{
			uName:{
				required:"用户名不能为空",
				minlength:"用户名长度不能低于4位",
				maxlength:"用户名长度不能高于20位"
			},
			
			uPwd:{
				required:"密码不能为空",
				minlength:"密码长度不能低于6位",
				maxlength:"密码长度不能高于20位"
			},
			
			uPwdConfirm:{
				required:"请再次输入密码",
				equalTo:"两次输入密码不相同",
			}
		},

		errorClass:"unpassed_validation",
		validClass:"passed_validation",
		
		/* 当执行验证操作的元素未通过验证时触发函数 */
		/* element指代所有满足上述条件的元素 */
		highlight:function(element,errorClass,validClass){
			$(element).addClass(errorClass);
		},
		
		/* 当未通过验证操作的元素通过验证时触发函数 */
		/* element指代所有满足上述条件的元素 */
		unhighlight:function(element,errorClass,validClass){
			$(element).removeClass(errorClass);
		},
		
		/* 指定错误消息的显示位置 */
		errorPlacement:function(error,element){
			var label = $(element).parent().find("label[for=" + $(element).attr("id") + "]");
			label.attr("error_info",$(error).html());
		},
		
		/* 要验证的元素通过验证后的动作 */
		success:function(){
			/* 不显示默认的error标签 */
			/* 而利用content属性在label标签后面显示错误信息 */
		},
		
	});
	
	
});


jQuery.validator.addMethod("nameReg",function(value,element){
	/* 用户名正则表达式 */
	/* 只能输入4-20个以字母开头、可带数字、“_”、“.”的字符串 */
	var reg1 = /^[a-zA-Z]{1}([a-zA-Z0-9]|[._]){3,19}$/;
	return reg1.test(value);
},"请输入正确的用户名");

jQuery.validator.addMethod("pwdReg",function(value,element){
	/* 用户名正则表达式 */
	/* 只能输入6-20个字母、数字、“_”、“.”的字符串  */
	var reg2 = /^([a-zA-Z0-9]|[._]){6,20}$/;
	return reg2.test(value);
},"请输入正确的密码");